<div class="dialog-container mdd-dialog mdl-shadow--8dp mdl-layout--fixed-header SMES-dialog B0213Service-dialog c-mdd-page" ng-init="dialog.init();" style="background-color: #fafafa" page-type="Dialog" _transclude-elem="[object Object]">
    <div class="kmi-header-row">
        <div class="header-title" ng-bind="dialog._title | translate"></div>
        <!--More Menu-->

        <!--Close button-->
        <div class="kmi-side-btn right" ng-click="dialog.hide();">
            <img src="image/icons/clear.png" />
            <div class="kmi-can-click"></div>
        </div>
    </div>
    <div class="kmi-layout-main-content" style="flex: 1">
        <!--Page-->
        <div class="kmi-layout-page">
            <div class="mdd-layout__with-toolbar mdd-layout c-mdd-layout" layout-name="B0213Service" page-name="" page-type="Dialog" with-toolbar="Y" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(4, auto 1fr)">
                <label class="label" ng-show="dialog._event['op_no'].isShown != 'N'" style="" ng-bind="'B0213Service.columns.op_no' | translate"></label>
                <div class="value" ng-show="dialog._event['op_no'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="dialog.reworkInfo.op_no" mdl-toast="{{dialog.reworkInfo.op_no}}" mdl-toast-passive="true"></label></div>
                <label class="label" ng-show="dialog._event['plot_no'].isShown != 'N'" style="" ng-bind="'B0213Service.columns.plot_no' | translate"></label>
                <div class="value" ng-show="dialog._event['plot_no'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="dialog.reworkInfo.plot_no" mdl-toast="{{dialog.reworkInfo.plot_no}}" mdl-toast-passive="true"></label></div>
                <label class="label" ng-show="dialog._event['qty'].isShown != 'N'" style="" ng-bind="'B0213Service.columns.qty' | translate"></label>
                <div class="value" ng-show="dialog._event['qty'].isShown != 'N'" style="grid-column-start: span 3"><label class="value" ng-bind="dialog.reworkInfo.qty" mdl-toast="{{dialog.reworkInfo.qty}}" mdl-toast-passive="true"></label></div>
                <div class="kmi-text-fields" item-name="reworkQty" style="grid-column-start: span 4">
                    <label class="label" ng-bind="(dialog.parent == 'B0209')?'B0213.transQty':'B0213.reworkQty_'+dialog.rework_type | translate"></label>
                    <input mdl-calculater="dialog.reworkInfo.reworkQty" mdl-calculater-decimal="true" ng-show="dialog.parent != 'B0209' &amp;&amp; dialog.parent != 'B0402' &amp;&amp; dialog.parent != 'B0302'" />
                    <label class="value" ng-bind="dialog.reworkInfo.reworkQty" ng-show="dialog.parent == 'B0209' || dialog.parent == 'B0402' || dialog.parent == 'B0302'"></label>
                </div>
                <label class="label" ng-show="dialog._event['assign_op_name'].isShown != 'N'" style="" ng-bind="'B0213Service.columns.assign_op_name' | translate"></label>
                <div class="value" ng-show="dialog._event['assign_op_name'].isShown != 'N'" style="grid-column-start: span 7">
                    <input type="text" readonly="" ng-model="dialog.reworkInfo.assign_op_name" ng-click="dialog._event['assign_op_name'].click(dialog.reworkInfo.assign_op_name, {event:$event});" ng-disabled="dialog._event['assign_op_name'].isDisabled == 'Y'" />
                    <div class="tip">
                        <img src="image/icons/search.png" />
                    </div>
                </div>
                <label class="label" ng-show="dialog._event['assign_process'].isShown != 'N'" style="" ng-bind="'B0213Service.columns.assign_process' | translate"></label>
                <div class="value" ng-show="dialog._event['assign_process'].isShown != 'N'" style="grid-column-start: span 3">
                    <input type="text" readonly="" ng-model="dialog.reworkInfo.assign_process" ng-click="dialog._event['assign_process'].click(dialog.reworkInfo.assign_process, {event:$event});" ng-disabled="dialog._event['assign_process'].isDisabled == 'Y'" />
                    <div class="tip">
                        <img src="image/icons/search.png" />
                    </div>
                </div>
                <label class="label" ng-show="dialog._event['assign_process_op_name'].isShown != 'N'" style="" ng-bind="'B0213Service.columns.assign_process_op_name' | translate"></label>
                <div class="value" ng-show="dialog._event['assign_process_op_name'].isShown != 'N'" style="grid-column-start: span 3">
                    <input type="text" readonly="" ng-model="dialog.reworkInfo.assign_process_op_name" ng-click="dialog._event['assign_process_op_name'].click(dialog.reworkInfo.assign_process_op_name, {event:$event});" ng-disabled="dialog._event['assign_process_op_name'].isDisabled == 'Y'" />
                    <div class="tip">
                        <img src="image/icons/search.png" />
                    </div>
                </div>
                <label class="label" ng-show="dialog._event['description'].isShown != 'N'" style="" ng-bind="'B0213Service.columns.description' | translate"></label>
                <div class="value" ng-show="dialog._event['description'].isShown != 'N'" style="grid-column-start: span 5">
                    <input type="text" undefined="" id="description" ng-model="dialog.reworkInfo.description" ng-keypress="dialog._event['description'].change(dialog.reworkInfo.description, {event:$event});" ng-disabled="dialog._event['description'].isDisabled == 'Y'" />
                </div>
               
                <div class="mdd-list c-mdd-list" null="" ng-show="dialog._event['reason_detail'].isShown != 'N'" style="height:{{dialog._event['B0213Service'].GetfillHeight()}};grid-column-start:span 8;" list-name="B0213_reason_detail" list-bind="dialog.reason_detail" list-alias="dialog.reworkInfo.reason_detail" enable-select="N" select-all="N" page-name="" page-type="Dialog" _transclude-elem="[object Object]">
                    <div class="kmi-list column-selector" kmi-scrollbar="165px" column-selector-id="B0213_reason_detail" style="flex: 1">
                        <div class="kmi-list__header">
                            <div class="kmi-list__column head-controls" style="flex: 1" ng-show="dialog._event['dialog.reason_detail.reason_display'].isShown != 'N'">
                                <div class="filter" ng-show="dialog._objreason_detail.header[0].isFilter">
                                    <input ng-model="dialog._objreason_detail.filterColumns['reason_display']" />
                                    <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="dialog._objreason_detail.header[0].isFilter = false;dialog._objreason_detail.filterColumns['reason_display'] = '';">clear</i>
                                </div>

                                <div class="order" ng-hide="dialog._objreason_detail.header[0].isFilter">
                                    <i class="material-icons search" style="z-index: 1" ng-click="dialog._objreason_detail.header[0].isFilter = true">search</i>
                                    <label ng-bind="'B0213.rework_reason_'+ dialog.rework_type | translate"></label>
                                    <i class="material-icons" ng-show="dialog._objreason_detail.queryOrder == 0">{{!dialog._objreason_detail.header[0].order?'':''}}</i>
                                    <div class="kmi-can-click" ng-click="dialog.orderResult(0, 'reason_display', 'dialog._objreason_detail');"></div>
                                </div>
                            </div>
                            <div class="kmi-list__column" item-name="delete" style="flex: 0 0 45px"></div>
                        </div>
                        <div class="kmi-list__row-content">
                            <div class="kmi-list__row" id="B0213_reason_detail_result_list" ng-repeat="item in dialog._event['dialog.reason_detail'].getPages(dialog.reworkInfo.reason_detail, dialog._objreason_detail.PageConfig, dialog._objreason_detail.filterColumns, dialog._objreason_detail.header[dialog._objreason_detail.queryOrder]) track by $index" ng-class="{'is-select':dialog._event['dialog.reason_detail'].checkSelect(item, {index:$index, event:$event})}">
                                <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="dialog._event['dialog.reason_detail.reason_display'].isShown != 'N'">
                                    <div class="kmi-text-fields">
                                        <input type="text" readonly="" ng-model="item.reason_display" ng-click="dialog._event['dialog.reason_detail.reason_display'].click(item.reason_display, {eventScope:item, event:$event, index:$index});" />
                                        <div class="tip">
                                            <img src="image/icons/search.png" />
                                        </div>
                                    </div>
                                </div>
                                <div class="kmi-list__column" style="flex: 0 0 45px; z-index: 1" item-name="delete">
                                    <button class="mdl-button mdl-button--icon" ng-click="dialog.removeRow($index);">
                                        <img src="image/icons/delete.png" />
                                    </button>
                                </div>
                                <div class="kmi-can-click" ng-click="dialog._event['dialog.reason_detail'].rowClick(item, {index:$index, event:$event});"></div>
                            </div>
                        </div>
                    </div>
                    <div class="page-content">
                        <div class="page-icon">
                            <img src="image/icons/dropleft.png" />
                            <div class="kmi-can-click" ng-click="dialog.prevPage(dialog._objreason_detail.PageConfig);"></div>
                        </div>
                        <label ng-bind="dialog.pageInfo(dialog._objreason_detail.PageConfig);"></label>
                        <div class="page-icon">
                            <img src="image/icons/dropright.png" />
                            <div class="kmi-can-click" ng-click="dialog.nextPage(dialog._objreason_detail.PageConfig);"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mdd-button-tool">
                <div class="tool-bar">
                    <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['AddRow'].isDisabled == 'Y'" ng-hide="dialog._fn['AddRow'].isShown == 'N'" style="width: 100px">
                        <label>{{'B0213Service.funcs.AddRow' | translate}}</label>
                        <div class="kmi-can-click" ng-click="dialog._fn['AddRow'].click('AddRow');"></div>
                    </div>
                </div>
                <div class="tool-bar" style="justify-content: flex-end">
                    <div class="kmi-button kmi-button-confrim btn-confirm" ng-disabled="dialog._fn['Confirm'].isDisabled == 'Y'" ng-hide="dialog._fn['Confirm'].isShown == 'N'" style="width: 100px">
                        <label ng-bind="'common.btn.confirm' | translate"></label>
                        <div class="kmi-can-click" ng-click="dialog._fn['Confirm'].click('Confirm');"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
